﻿@page
@{ Layout = "_Layout"; }

<el-card class="box-card">
    <div slot="header" class="clearfix">
        <span>请选择组织</span>
        <el-button style="float: right;padding:3px 0;" type="text" v-on:click="utils.closeLayerSelf()"><i class="el-icon-close"></i></el-button>
    </div>
    <el-form v-on:submit.native.prevent :inline="true" :size="euiSize">
        <el-form-item label="">
            <el-input v-model="search"
                      prefix-icon="el-icon-search" clearable
                      placeholder="输入关键字进行过滤">
            </el-input>
        </el-form-item>
        <el-form-item label="">
            <el-button icon="el-icon-search" :size="euiSize" type="primary" plain v-on:click="btnSearchClick">查 询</el-button>
        </el-form-item>
    </el-form>
    <el-table ref="organsTable"
              row-key="guid"
              lazy
              :load="loadTree"
              :data="organs" style="width: 100%;" :size="euiSize" v-on:selection-change="handleSelectionChange"
              v-on:row-click="rowClick"
              :height="($(window).innerHeight() - 230)">
        <el-table-column type="selection"
                         width="55">
        </el-table-column>
        <el-table-column label="#"
                         type="index"
                         width="60">
            <template scope="scope">
                <span>{{scope.$index + 1}}</span>
            </template>
        </el-table-column>
        <el-table-column prop="name"
                         label="组织名称">
            <template slot-scope="scope">
                <span v-html="scope.row.fullName"></span>
            </template>
        </el-table-column>
        <el-table-column prop="organTypeName"
                         label="类型" width="118" align="right">
        </el-table-column>
        @await Html.PartialAsync("_PartialTableEmpty")
</el-table>
</el-card>
<el-row align="center" style="margin-top:18px;">
    <el-col :span="24" align="center">
        <el-button icon="el-icon-check" :size="euiSize" type="primary" v-on:click="btnSubmitClick">确 定</el-button>
        <el-button icon="el-icon-close" :size="euiSize" v-on:click="utils.closeLayerSelf">关 闭</el-button>
    </el-col>
</el-row>
@section Scripts{
<script src="/sitefiles/assets/js/admin/common/selectOrgan.js" type="text/javascript"></script> }